<!--  
 * 模块功能按钮
 * @author: 
 * @since: 2022-05-06
 * index.vue
-->
<template>
  <div class="container">
    <el-button v-for="(item, index) in btnList" :key="index" class="tableBtnCss" :style="{ backgroundColor: item.bgColor }" @click="click(index)" size="mini">
      <!-- <svg-icon :name="item.icon" v-if="item.icon"></svg-icon> -->
      <span class="name">{{ item.name }}</span>
    </el-button>
  </div>
</template>

<script setup>
import { defineProps, defineEmits } from 'vue'
const props = defineProps({
  btnList: {
    type: Object,
    default: () => { },
  },
})

const emit = defineEmits(['clickHandle'])

const click = (index) => {
  emit('clickHandle', index)
}
</script>
<style lang="scss" scoped></style>
